page {
  background-color: var(--page-background);
}

.page_one {
  height: 1400rpx;
}

.swiper-region {
  background-color: white;

  .swiper-img {
    display: flex;
    justify-content: center;
    align-items: center;

    .img {
      height: 100%;
    }
  }
}

.title {
  background-color: white;
  border-radius: 15rpx;
  margin: 30rpx;
  padding: 30rpx;

  .subtitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .camp-name {
      font-weight: bold;
    }

    .price {
      color: rgb(255, 96, 17);
      font-weight: bold;
    }
  }

  .company {
    margin-top: 20rpx;
    font-size: small;
    color: rgb(200, 200, 200);
  }
}

.ex-info {
  background-color: white;
  font-size: medium;
  border-radius: 16rpx;
  height: auto;
  color: gray;
  padding: 16rpx 32rpx 24rpx;
}

.poster {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32rpx 32rpx;

  .img {
    width: 100%;
    height: fit-content;
  }
}

.signInUserAva{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;

  border-radius: 15rpx;
  margin: 30rpx;
  padding: 30rpx;

  .partic-records {
    .avaImg {
      margin: 0 30rpx 10rpx 0;
      height: 100rpx;
      width: 100rpx;
      border-radius: 50rpx;
    }
  }
}

.signInUserAva-self {
  display: flex;
  align-items: center;
  background: white;
  flex-direction: column;

  border-radius: 15rpx;
  margin: 30rpx;
  padding: 30rpx;
  .partic-records-self {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15rpx;
    width: 100%;

    .avaImg {
      margin: 0 30rpx 0 0;
      height: 100rpx;
      width: 100rpx;
      border-radius: 50rpx;
    }

    .partic-records-name {
      flex: 1;
      text-overflow:ellipsis; //溢出用省略号显示
      white-space:nowrap; //溢出不换行
    }

    .partic-records-phone {
      flex: 1;
      text-align: right;
    }
    .partic-records-delete {
      margin-left: 12rpx;
      color: red;
      text-decoration: underline;
    }
  }
}

.signInUserAvaButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 260rpx;

  margin-top: 10rpx;
  background-color: gold;
  width: 150rpx;
  height: 60rpx;
  border-radius: 30rpx;
}

.btn-report {
  color: grey;
  font-size: 26rpx;
  text-align: center;
  margin-top: 32rpx;
}

.fixed-region {
  position: fixed;
  bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
  background-color: white;
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-around;

  .fixed-btn1 {
    width: 20%;

    display: flex;
    flex-direction: column;
    align-items: center;

    .fixed-img {
      margin: 30rpx 30rpx 10rpx 30rpx;
      width: 40%;
    }

    .fixed-idx {
      font-size: small;
    }
  }

  .fixed-btn2 {
    width: 60%;
    margin: 30rpx;
    color: white;
    background-color: rgb(21, 119, 255);
  }

  .cancel-btn {
    background-color: #cecece;
  }

  .delete-btn {
    background-color: #ec5555;
  }
}

.wrap {
  display: contents;
}

.child-popup {

  .connection {
    display: flex;
    flex-direction: row;
    justify-content: center;

    padding: 8rpx 24rpx;

    .kidsInfo {
      height: 100rpx;
      border: #656667;
    }

    .delKids {
    }
  }

  .father {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    .addKid {
      width: 45%;
      color: #397CFD;
      border: #397CFD solid 1px;
    }

    .confirmSign {
      width: 45%;
      color: white;
      background-color: #397CFD;
    }
  }


}
